学习之前最重要的是先要了解各种基本的 概念 和它们的 关联。
写在前面
写 web,在掌握了基本的 html 和 css 之后,就该向 JavaScript 进发了。
学习之前听同事说这东西 入门易(毕竟现在网页数量井喷式爆发,随手拿来各种源代码修修补补就能用)精通难(比如阮一峰好像现阶段就在阿里写 JS)。
无论学习什么知识,学习之前最重要的是先要了解各种基本的 概念 和它们的 关联,甚至它们的 发展历史。
JavaScript - jQuery - Ajax 概览
JavaScript:
- 常用来为网页添加各种动态功能,为用户提供更流畅美观的效果(如:数据验证处理、页面动态效果、定时任务、与用户交互、发送/接收服务器端数据等)
- 通过嵌入在 HTML 中来实现,直接在浏览器中解释执行(脚本语言)
- 主流框架:YUI,Dojo,Prototype,jQuery …
- 组成部分:核心(ECMAScript)、文档对象模型(Document Object Model,简称DOM)、浏览器对象模型(Browser Object Model,简称BOM)
Ajax:
- “ Asynchronous JavaScript and XML ” (异步JavaScript和XML),不是一个技术,是 几种技术(XML、CSS 以及 JavaScript 等)
- Web 页面不用打断交互进行重新加裁,就可以动态地更新,接近本地桌面应用的直接、更动态的Web用户界面
- 使用 XML HttpRequest 与服务器进行异步通信
jQuery:
- 快速简洁的 JavaScript 库(集合 Ajax 技术的 JS 库,封装 JS 和 Ajax 的功能,提供接口),使用户能更方便处理 HTML documents、events、动画,方便地为网站提供Ajax交互
- Query 是 “ 查询 ” 的意思(基于 JavaScript 的查询,查询目标:DOM 结构中的 Node(节点)
- 独立、链式语法、CSS1-3选择器、跨浏览器
- 插件多
让我们用一张图对三者做个总结:
这里需要多介绍一个网页开发经常用到的东西 —— JSON(JavaScript Object Notation - js 对象标记法)。
从名称可以看出,JSON 是基于 JavaScript的,是 JS 的一个子集。JSON 是用 JS 语法来表示数据的一种轻量级语言(相比较上面说的 XML 这种结构复杂的语言)。
另外还有 Node.js,这里先不讨论,以后按需补充。
更多关于它们的关系,可以点击这里查看。